<!DOCTYPE HTML>
<html>
<head>
  <title> Bug 1013933 - preserve playbackRate after clicking play button </title>
  <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <script type="application/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
  <script type="application/javascript" src="browserElementTestHelpers.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>

<div id="content">
  <video width="320" height="240" id="video" controls mozNoDynamicControls preload="auto"></video>
</div>

<script type="text/javascript">
/*
 * Positions of the UI elements, relative to the upper-left corner of the
 * <video> box.
 */
const videoHeight = 240;
const playButtonWidth = 28;
const playButtonHeight = 28;
const playButtonCenterX = 0 + Math.round(playButtonWidth / 2);
const playButtonCenterY = videoHeight - Math.round(playButtonHeight / 2);

var expectedPlaybackRate = 0.5

function runTest() {
  var video = document.getElementById("video");
  video.src = "audio.wav";
  video.loop = true;
  video.playbackRate = expectedPlaybackRate;

  video.oncanplaythrough = function() {
    video.oncanplaythrough = null;
    is(video.paused, true, "video is not playing yet.");
    is(video.playbackRate, expectedPlaybackRate,
       "playbackRate is correct before clicking play button.");

    // Click the play button
    synthesizeMouse(video, playButtonCenterX, playButtonCenterY, { });
  };

  video.onplay = function() {
    video.onplay = null;
    is(video.paused, false, "video starts playing.");
    is(video.playbackRate, expectedPlaybackRate,
       "playbackRate is correct after clicking play button.");
    video.pause();
    SimpleTest.finish();
  };
}

window.addEventListener("load", runTest, false);
SimpleTest.waitForExplicitFinish();
</script>
</pre>
</body>
</html>
